import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

// 滑块验证码
import SlideVerify from 'vue-monoplasty-slide-verify';
Vue.use(SlideVerify);

// 引入loading （里面包含了全局loading和局部load）
import loading from './directive/loading';
Vue.use(loading);

// 引入图片懒加载
import imgLazy from '@/directive/imgLazy/imgLazy.js';
Vue.directive('imgLazy', imgLazy);
// 自定义指令-水印
import cmDirectives from 'cm-directives';
Vue.use(cmDirectives);
// Confirm提示框组件
import Confirm from '@/components/base/confirm/index';
Vue.prototype.$Confirm = Confirm;

Vue.config.productionTip = false;

// 引入初始化样式
import 'reset-css';
// 引入公共样式
import '@/assets/css/public.less';

// 定义全局变量
// 语法 Vue.prototype.xxx=值  组件中就可以通过this.xxx进行访问了
// 一般使用这种方式定义的变量，在组件中不会对它进行修改
Vue.prototype.imgBaseUrl = 'https://sc.wolfcode.cn';

new Vue({
    router,
    store,
    render: (h) => h(App),
}).$mount('#app');
